<template>
  <div id="app">
   <!-- <nav>
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </nav> -->
    <router-view/>
  </div>
</template>

<style>
#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/* text-align: center; */
		color: #2c3e50;
		background:#1d2431;
		width: 100%;
		height: 100vh;
		/* 使用视口单位vh，表示视口高度的百分比 */
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		/* 确保padding和border不会增加元素的总宽度和高度 */
		overflow: auto;
		height: 100%;
		white-space: pre-line;
		white-space: pre-wrap
		/* 如果内容超出视口高度，允许滚动 */
	}

	nav {
		padding: 30px;
	}

	nav a {
		font-weight: bold;
		color: #2c3e50;
	}

	nav a.router-link-exact-active {
		color: #42b983;
	}
	body{
		margin: 0;
	}
</style>
